<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/indexwin.css" />

</head>

<body>
    <div id="app" v-cloak style="border-top: solid 0.5px #eee;">
        <footer class="aui-bar aui-bar-tab" >
            <div v-on:click="open_menu(item)" v-for="item in footers" class="aui-bar-tab-item" v-bind:class="{'aui-active':item.is_active}" tapmode>
                <div class="imgbox">
                  <img v-show="!item.is_active" v-bind:src="item.normal" alt="">
                  <img v-show="item.is_active" v-bind:src="item.selected" alt="">
                  <span v-show="item.count>0" class="reddot">{{item.count}}</span>
                </div>
                <div class="aui-bar-tab-label">{{item.title}}</div>
            </div>
        </footer>
    </div>
</body>
<script type="text/javascript" src="../script/api.js "></script>
<script type="text/javascript" src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/common.js "></script>
<script type="text/javascript" src="js/indexwin.js"></script>
<script type="text/javascript">
    function closeWin() {
        api.closeWin();
    }
</script>

</html>
